
<!DOCTYPE HTML>

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>登录ShowMovie</title>
    <style type="text/css">
        /* Reset */
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
        table { border-collapse:collapse; border-spacing:0; }
        fieldset,img { border:0; }
        address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
        ol,ul { list-style:none; }
        caption,th { text-align:left; }
        h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
        q:before,q:after { content:''; }
        abbr,acronym { border:0; }

        /* Font,  Link & Container */
        body { font:12px/1.6 arial,helvetica,sans-serif; }
        a:link { color:#369;text-decoration:none; }
        a:visited { color:#669;text-decoration:none; }
        a:hover { color:#fff;text-decoration:none;background:#039; }
        a:active { color:#fff;text-decoration:none;background:#f93; }
        button { cursor:pointer;line-height:1.2; }
        .mod { width:100%; }
        .hd:after, .bd:after, .ft:after, .mod:after {content:'\0020';display:block;clear:both;height:0; }
        .error-tip { margin-left:10px; }
        .error-tip, .error { color:#fe2617; }

        /* Layout */
        .wrapper { width:950px;margin:0 auto; }
        #header { padding-top:30px; }
        #content { min-height:400px;*height:400px; }
        #header, #content { margin-bottom:40px; }
        #header, #content, #footer { width:100%;overflow:hidden; }
        .article { float:left;width:590px; }
        .aside { float:right;width:310px;color:#666; }
        .aside li { padding-bottom: 1em; }

        .narrow-layout .wrapper { width:90%; }
        .narrow-layout h1 { padding-bottom:10px; }
        .narrow-layout #header { padding-top:10px;margin-bottom:20px; }
        .narrow-layout .article, .narrow-layout .aside { width:auto;float:none;margin-bottom:20px; }
        .narrow-layout .aside li { padding:0;margin-bottom:10px; }
        .narrow-layout .fright { display:block;float:none; }

        /* header */
        .logo { float:left; width:220px;  height:45px; overflow:hidden; line-height:10em; }
        a.logo:link,
        a.logo:visited,
        a.logo:hover,
        a.logo:active { background:transparent url(/static/index/image/logo.png) no-repeat;
            *background-image:url(mhtml:https://accounts.douban.com/login!logo); }
        h1 { color:#494949;display:block;font-size:25px;font-weight:bold;line-height:1.1;margin:0;padding:0 0 30px;word-wrap:break-word; }

        /* form */
        .item { clear:both;margin:0 0 15px;zoom:1; }
        label { display: inline-block; float:left; margin-right: 15px; text-align: right; width: 60px; font-size: 14px; line-height: 30px; vertical-align: baseline }
        .remember { cursor: pointer; font-size: 12px; display: inline; width: auto; text-align: left; float: none; margin: 0; color: #666 }
        .item-captcha input,
        .basic-input { width: 200px; padding: 5px; height: 18px; font-size: 14px;vertical-align:middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c9c9c9 }
        .basic-input.small {width:100px;}
        .item-captcha input:focus,
        .basic-input:focus { border: 1px solid #a9a9a9 }
        .item-captcha input { width:100px; }
        .item-captcha .pl { color:#666; }
        .btn-submit { cursor: pointer;color: #ffffff;background: #3fa156; border: 1px solid #528641; font-size: 14px; font-weight: bold; padding:6px 26px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *width: 100px;*height:30px; }
        .btn-submit:hover { background-color:#4fca6c;border-color:#6aad54; }
        .btn-submit:active { background-color:#3fa156;border-color:#528641; }
        #item-error { padding-left:75px; }
        .item-captcha img { max-width:70%; }
        body { -webkit-text-size-adjust: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent; }
        /* 3rd login*/
        .item-3rd { padding:5px 0;width:200px;margin:20px 0 0 75px;border-top:1px solid #eee;border-bottom:1px solid #eee; }
        .item-3rd label { width:auto;margin:0;font-size:12px;color:#999;line-height:1.5; }
        .item-3rd img { margin:0 5px;vertical-align:middle; }
        .item-3rd a:hover { background-color:transparent; }
        .item-3rd a:active { background-color:transparent; }
        /* sms login */
        .item.extra{float:left;}
        #post-code-button {float:none;padding-left:200px;width:87px;text-align:right;margin:5px 0;}
        #post-code {float:left;width:200px;}
        .item-right {text-align:right;width:287px;}
        .yy:hover{
            background-color: white;
        }
    </style>
	<link rel="shortcut icon" href="/static/index/image/favico.ico" type="image/x-icon">

    <style type="text/css">
        #footer { color:#999;padding-top:6px;border-top: 1px dashed #ddd; }
        .fright { float:right; }
        .icp { float:left; }
    </style>

    <script>
        function changeWindowSize(){var e=document.documentElement,n=document.getElementById("header").offsetHeight+document.getElementById("content").offsetHeight+document.getElementById("side-nav").offsetHeight;e.offsetWidth<=500||e.offsetHeight<=n?(changeWindowSize.changed||(window.resizeTo(500,n),changeWindowSize.changed=!0),e.className="narrow-layout",resizeEvent(!0)):(e.className="",resizeEvent(!1))}function resizeEvent(e){return e?void(window.onresize=function(){var e;return function(){e&&window.clearTimeout(e),e=window.setTimeout(changeWindowSize,100)}}()):void(window.onresize=null)}
        function set_cookie(e,t,n,o){var i,r,c=new Date;c.setTime(c.getTime()+24*(t||30)*60*60*1e3),i="; expires="+c.toGMTString();for(r in e)document.cookie=r+"="+e[r]+i+"; domain="+(n||"douban.com")+"; path="+(o||"/")}function get_cookie(e){var t,n,o=e+"=",i=document.cookie.split(";");for(t=0;t<i.length;t++){for(n=i[t];" "==n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(o))return n.substring(o.length,n.length).replace(/\"/g,"")}return null}
    </script>
    
</head>
<body onload="changeWindowSize()">
<div class="wrapper">
    <div id="header">
        <a href="{:url('index/Index/index')}" class="logo">登录ShowMovie</a>
    </div>

    <div id="content">
        <h1>登录ShowMovie</h1>
        <div class="article">

                <input name="source" type="hidden" value="movie"/>
                <input name="redir" type="hidden" value="https://www.douban.com"/>
                <div class="item-right">
                    <a href="{:url('index/login/sms')}" style="text-decoration: none;color: #46BC99;" class="yy">手机验证码登录</a>
                </div>
                <div class="item">
                    <label>帐号</label>
                    <input id="email" name="form_email" type="text" class="basic-input"
                           maxlength="60" placeholder="邮箱" tabindex="1"/>
                </div>

                <div class="item">
                    <label>密码</label>
                    <input id="password" name="form_password" type="password" class="basic-input" maxlength="20" tabindex="2"/>
                </div>
                <div>
                
                <div id="embed-captcha"></div>
                    <p id="wait" class="show"></p>
                    <p id="notice" class="hide"></p>
                </div>
                
                
                <!-- 6L2D6I_Gspw | 211.161.196.173 -->

                <div class="item">
                    <label>&nbsp;</label>
                <div class="tt"></div>

                    <p class="remember">

                        <input type="checkbox" id="remember" name="remember" tabindex="4"/>
                        <label for="remember" class="remember">下次自动登录</label>
                        
                    </p>
                </div>
                <div class="item">
                    <label>&nbsp;</label>
                    <button type="submit" name="login" class="btn-submit lg" id="embed-submit">登录</button>
                </div>

            <script src="/static/index/js/jquery.min.js"></script>
            <script src="/static/index/js/toastr.min.js"></script>
            <link href="/static/admin/css/toastr.min.css" rel="stylesheet"/>
            <script src="https://static.geetest.com/static/tools/gt.js"></script>
            <!-- composer -->
            <script>
                    var handlerEmbed = function (captchaObj) {
                        $("#embed-submit").click(function (e) {
                            var validate = captchaObj.getValidate();
                            if (!validate) {
                                $("#notice")[0].className = "show";
                                setTimeout(function () {
                                    $("#notice")[0].className = "hide";
                                }, 2000);
                                e.preventDefault();
                            }
                        });
                        // 将验证码加到id为captcha的元素里，同时会有三个input的值：geetest_challenge, geetest_validate, geetest_seccode
                        captchaObj.appendTo("#embed-captcha");
                        captchaObj.onReady(function () {
                            $("#wait")[0].className = "hide";
                        });
                        // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
                    };
                    $.ajax({
                        // 获取id，challenge，success（是否启用failback）
                        url: "{:url('index/Login/firstSmjy')}?t=" + (new Date()).getTime(), // 加随机数防止缓存
                        type: "get",
                        dataType: "json",
                        success: function (data) {
                            console.log(data);
                            // 使用initGeetest接口
                            // 参数1：配置参数
                            // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
                            initGeetest({
                                gt: data.gt,
                                challenge: data.challenge,
                                new_captcha: data.new_captcha,
                                product: "embed", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
                                offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
                                // 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config
                            }, handlerEmbed);
                        }
                    });
</script>
<!-- composer -->
            
            <script type="text/javascript">
                $(function(){
                    $('.lg').click(function () {
                    if ($('.geetest_radar_tip').attr('aria-label')=='验证成功') {
                        postdata();
                        }else{
                        $('.tt').html('请先点按钮验证再获取验证码');
                        $('.tt').css('color','#fe5400');
                    }
                    });

                    function postdata(){
                        //提交数据函数
                        toastr.options = {
                            closeButton: true,
                            debug: false,
                            progressBar: true,
                            positionClass: "toast-top-right",
                            onclick: null,
                            showDuration: "3000",
                            hideDuration: "1000",
                            timeOut: "3000",
                            extendedTimeOut: "1000",
                            showEasing: "swing",
                            hideEasing: "linear",
                            showMethod: "fadeIn",
                            hideMethod: "fadeOut"
                        };
                        // console.log(123);
                        $.ajax({

                            //调用jquery的ajax方法
                            type: "POST",
                            //设置ajax方法提交数据的形式
                            url: "/index/Login/dologin",
                            //把数据提交到ok.php
                            data: {
                                email : $("#email").val(),
                                password : $("#password").val(),
                                remember : $("#remember").val(),

                            },
                            success: function(data){
                                if (data) {
                                    toastr.success('登录成功,拼命加载ing╭(●｀∀´●)╯╰(●’◡’●)╮ (●’◡’●)ﾉ ヾ(*´▽‘*)ﾉ');
                                    setInterval(function(){
                                        location.href='http://47.96.69.12/index/index/index';
                                    }, 1000);
                                }else{
                                    toastr.error('登录失败,请检查登录账号和密码');
                                }
                            },
                            error: function () {
                                alert('AJAX操作失败');
                            }
                        });
                        // return false;
                    }
                })
            </script>

        </div>
<div style="margin-bottom: 385px;">
        <ul id="side-nav" class="aside">
            <li>&gt;&nbsp;还没有ShowMovie帐号？<a rel="nofollow" href="{:url('index/Register/index')}"  style="text-decoration: none;color: #46BC99;" class="yy">立即注册</a></li>
        </ul>
    </div>
    <div id="footer">


<span id="icp" class="fleft gray-link">
    &copy; 2005－2018 sm.com, all rights reserved
</span>

<span class="fright">
    <span>关于ShowMovie</span>
    · <span>在ShowMovie工作</span>
    · <span>联系我们</span>
    · <span>免责声明</span>

    · <span>帮助中心</span>
    · <span>移动应用</span>
    · <span>ShowMovie 广告</span>
</span>



        <script type="text/javascript">
            function report_ps(r){
                $.get("https://www.douban.com/accounts/misc/ps", {ps:r});
                set_cookie({ps:'y'});
            }
        </script>

        <img src="https://www.douban.com/pics/blank.gif" style="display:none;" onload="report_ps(true)" onerror="report_ps(false)" />



    </div>

    <script>
        function trim(e){return e.replace(/^(\s|\u00A0)+/,"").replace(/(\s|\u00A0)+$/,"")}function validateForm(e){var r=0,t=e.elements["captcha-solution"],l=e.elements.form_email,n=e.elements.form_password,a=document.getElementById("item-error");if(a&&(a.style.display="none"),t){var o=trim(t.value);""===o?(displayError(t,"请输入验证码"),r=1):o.length<4?(displayError(t,"请输入正确的验证码"),r=1):clearError(t)}if(l){var i=trim(l.value);""===i||"邮箱/手机号/用户名"===i?(displayError(l,"请输入正确的邮箱/手机号/用户名"),r=1):clearError(l)}return n&&(""===n.value?(displayError(n,"请输入密码"),r=1):n&&clearError(n)),!r}function displayError(e,r){var t=document.getElementById(e.name+"_err");t||(t=document.createElement("span"),t.id=e.name+"_err",t.className="error-tip",e.parentNode.appendChild(t)),t.style.display="inline",t.innerHTML=r}function clearError(e){var r=document.getElementById(e.name+"_err");r&&(r.style.display="none")}!function(e){var r=function(r){return e.getElementById(r)},t="邮箱/手机号/用户名",l=r("email"),n=r("password"),a=r("captcha_field");l.onfocus=function(){this.value==t&&(this.value="",this.style.color="#000")},l.onblur=function(){this.value||(this.value=t,this.style.color="#ccc")},l.value==t?l.style.color="#ccc":""===n.value?n.focus():a&&a.focus()}(document);
    </script>

    <!-- COLLECTED JS -->


</div>
</body>
</html>
